<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>logos</title>

<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="Sat, 01 Dec 2001 00:00:00 GMT" />

<link rel="shortcut icon" href="../favicon.ico" />
<link rel="icon" href="../favicon.ico" />

<link rel="stylesheet" type="text/css" href="css/gravity.css" />
<!--<link type="text/css" href="../css/jquery-ui-1.8.18.custom.css"
	rel="Stylesheet" />-->
<script
	src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script
	src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
	<!--<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>-->
<!--<script type="text/javascript" src="../js/ajax.js"></script>-->
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script src="js/gravity.js" type="text/javascript"></script>


</head>
<body>
<script type="text/javascript">
	
	function toggleDownloadArea() {
			$( "#download_area" ).toggle();		
		};	
	
	function showCloud() {
			$( "#cloud" ).toggle();
			
			moveCloudLeft();
		};
	
	function moveCloudLeft() {
		$("#cloud").animate({
				marginLeft: "-1450px"
			}, {
				duration: 30000,
				easing: "easeOutSine",
				complete: moveCloudRight,
			});		
	}
	
	function moveCloudRight() {
		$( "#cloud" ).css({"margin-left":"-0px"});
		moveCloudLeft();
	}
	
	
	$(function() {
		$( "#cloud" ).hide();
	    $( "#download_area" ).hide();
		/*
		var theSquare = $('#blog'); 
		theSquare.click(function () {
	
		$(this).animate({
			height:"+=100",
			width:"+=100",        
		},1000,'easeOutElastic');

		$( "#downloads" ).animate({
			height:"+=100",
			width:"+=100",        
		},1000,'easeOutElastic');         
		});*/
	
		
		
		
		

		/*
		var options = {};
		$( "#blog" ).show( "slide", options, 500, callback );
		
		$( "#android" ).hide();
		$( "#android" ).animate( { height: "show", width: "show" }, 4000); //, "easeInQuart", callback );
		
		// run the currently selected effect
		function runEffect() {
			//alert("heep");
			// get effect type from 
			var selectedEffect = "slide"
			
			// most effect types need no options passed by default
			var options = {};
			// some effects have required parameters
			if ( selectedEffect === "scale" ) {
				options = { percent: 0 };
			} else if ( selectedEffect === "transfer" ) {
				options = { to: "#button", className: "ui-effects-transfer" };
			} else if ( selectedEffect === "size" ) {
				options = { to: { width: 200, height: 60 } };
			}

			// run the effect
			$( "#blog" ).effect( selectedEffect, options, 500, callback );
			$( "#html5" ).effect( selectedEffect, options, 500, callback );
		};
		
		// callback function to bring a hidden box back
		function callback() {
			/*
			setTimeout(function() {
				$( "#effect" ).removeAttr( "style" ).hide().fadeIn();
			}, 1000 );
		};
		
		runEffect();*/
	});
	
	
</script>

<div id="test"><h1>Welcome</h1></div>




<table id="mainTable" ><tr>
	<td style="width:45%">
	<div class="border"><h1>&nbsp;</h1></div>
	</td>
	<td>
	<div id="centerbox">
		<div id="air">
			<div class="block_container">
				<a href="http://tobias-ericsson.appspot.com/me/" ><img id="home" class="falling" src="home_winter_128.png" /></a>
			</div>
			<div class="block_container">
				<a href="http://tobias-ericsson.appspot.com/me/" ><img id="blog" class="falling" src="blog_128.png" class="ui-widget-content" /></a>
			</div>
			<div class="block_container">
				<a href="#" ><img id="html5" class="falling" src="html5_128.png" class="ui-widget-content" /></a>
			</div>
			<div class="block_container">
				<a href="#" onClick="toggleDownloadArea()" ><img id="downloads" class="falling" src="downloads_crop_128.png" /></a>
			</div>
			<div class="block_container">
				<a href="#" onClick="showCloud()" ><img id="app_engine" class="falling" src="app_engine_crop_128.png" /></a>
			</div>
			<div class="block_container">
				<a href="http://tionit.blogspot.se/search/label/Android" ><img id="android" class="falling" src="android_128.png" /></a>
			</div>
		</div>
		<div id="ground">		
			<div id="download_area" >
				<h3>Just Another Mouse</h3>
				<p>An Android app to remote control the computer via WIFI</p>
				<table>
					<tr>
						<th class="ground">File</th><th class="ground">Version</th><th class="ground">Size</th>
					</tr><tr>
						<td class="ground"><a href="http://1.tobias-ericsson.appspot.com/" >JAM_ALL.zip</a></td><td class="ground">1</td><td class="ground">3Mb</td>
					</tr><tr>	
						<td class="ground"><a href="http://1.tobias-ericsson.appspot.com/" >JAM_android.apk</a></td><td class="ground">1</td><td class="ground">1.5Mb</td>
					</tr><tr>
						<td class="ground"><a href="http://1.tobias-ericsson.appspot.com/" >JAM_server.jar</a></td><td class="ground">1</td><td class="ground">1.0Mb</td>
					</tr><tr>
				</table>
			</div>
		</div>
	</div>
	</td>
	<td style="width:45%">
		<div class="border"><h1>&nbsp;</h1></div>
	</td>
</tr></table>

<div id="cloud">
<h3>My Applications on App-Engine</h3>
<p><a href="http://1.tobias-ericsson.appspot.com/" >http://tobias-ericsson.appspot.com</a></p>
<p><a href="http://tericsson.appspot.com/" >http://tericsson.appspot.com</a></p>
<p><a href="http://malmomat.appspot.com/lunch" >http://malmomat.appspot.com/lunch</a></p>
</div>



</body>
</html>